.title{
  @apply text-base text-prim flex items-center whitespace-nowrap;
  &:before{
    @apply inline-block h-[1em] w-[0.4em] rounded-md bg-prim mr-2;
    content: '';
  }
}
.label{
  @apply text-sm min-w-[4em] whitespace-nowrap;
}
.item-col-2{
  @apply flex gap-2 items-center text-base;
}
.form-input{
  @apply bg-white rounded;
  &:focus,&:active{
    @apply border-prim;
  }
}
.pic-add-btn{
  @apply flex justify-center items-center border border-focus rounded text-center text-focus py-2 bg-white text-sm w-[24vw] h-[24vw];
}
.pic-preview{
  @apply relative border border-focus rounded text-center text-focus py-2 bg-white text-sm w-[24vw] h-[24vw];
  .del-btn{
    @apply w-6 h-6 opacity-50   bg-red-500 absolute bottom-0 right-0;
  }
}
.add-btn {
  @apply  flex-1 border border-focus rounded text-center text-focus py-2 bg-white text-sm;
}

.prev-area {
  @apply h-[80vw] flex justify-center items-center
}

.cover-bg {
  @apply bg-no-repeat transition-all relative;
  background-size: 100% 100%;
  background-image: url('@/static/zhengtao.png');
  .num-width-1,
  .num-width-2,
  .num-width-3{
    @apply absolute font-mono text-lg;
  }
  .num-width-1{
    bottom: 1px;
    right: 47%;
  }
  .num-width-2{
    bottom: 27%;
    right: 43%;
  }
  .num-width-3{
    right: 13%;
    top: 28%;
  }
}

.list-btn{
  @apply w-[25vw] py-4 text-xs text-gray-700 border-transparent;
    .content{
      @apply py-0 text-center  w-full;
      border-left: 4px solid transparent;

    }

  &.selected{
    .content {
      @apply border-prim text-prim font-semibold;
      border-left: 4px solid;
    }
  }
}
.goods-card{
  @apply rounded-md bg-white flex flex-col items-center justify-between p-3 shadow-sm ;
  .title{
    @apply px-4 text-sm text-prim
  }
   &.selected{
      @apply bg-focus text-white;
  }
}
.list-row{
  @apply  flex-1 pr-2  overflow-y-auto h-[55vh];
}